<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>${siteName!""}</title>
  [#include "/theme/adminlte/common/sites.html" /]
  [@header /]

</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->

<body class="hold-transition skin-blue layout-top-nav">
  <div class="wrapper">

    <header class="main-header">
      [@nav 1 /]
    </header>
    <!-- Full Width Column -->
    <div class="content-wrapper">
      <div class="container">
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- Left col -->
            <section class="col-lg-7">
              <!-- Custom tabs (Charts with tabs)-->
              <div class="nav-tabs-custom">
                <!-- Tabs within a box -->
                <ul class="nav nav-tabs">
                  <li class="active"><a href="#revenue-chart" data-toggle="tab">综合资讯</a></li>
                  <li><a href="#sales-chart" data-toggle="tab">软件更新资讯</a></li>
                </ul>
                <div class="tab-content no-padding">
                  <!-- Morris chart - Sales -->
                  <div class="tab-pane active" id="revenue-chart" style="position: relative; ">
                    <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                      [#list likes as item]
                      <li class="item">
                        <a href="${httpsurl}article/view/${item.id}.htm">${item.title!""}</a>
                      </li>
                      [/#list]
                    </ul>
                  </div>
                  <div class="chart tab-pane" id="sales-chart" style="position: relative; ">
                    <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                      [#list views as item]
                      <li class="item">
                        <a href="${httpsurl}article/view/${item.id}.htm">${item.title!""}</a>
                      </li>
                      [/#list]
                    </ul>
                  </div>
                </div>
              </div>
              <!-- /.nav-tabs-custom -->
              [#if articles??]
              [#list articles as item]
              <div class="box box-widget">
                <div class="box-header with-border">
                  <div class="user-block">
                    <a href="${httpsurl}space/${(item.user.id)!'0'}.htm">
                      [#if item.user??]
                      <img class="img-circle" src="[@image src=item.user.avatar def='dist/img/user1-128x128.jpg' /]">
                      [/#if]
                    </a>
                    <span class="username"><a href="${httpsurl}space/${(item.user.id)!'0'}.htm">${(item.user.name)!""}</a></span>
                    <span class="description">${item.lastDate!""}</span>
                  </div>
                  <!-- /.user-block -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  <!-- Attachment -->
                  <div class=" clearfix">
                    [#if item.img?? && item.img?length>2]
                    <img class="attachment-img" src="[@image src=item.img def='dist/img/user1-128x128.jpg' /]">
                    [/#if]

                    <div class="attachment-pushed">
                      <h4 class="attachment-heading"><a href="${httpsurl}article/view/${item.id}.htm">${item.title!""}</a>
                      </h4>

                      <div class="attachment-text">
                        ${item.introduction!""}
                      </div>
                      <!-- /.attachment-text -->
                    </div>
                    <!-- /.attachment-pushed -->
                  </div>
                  <!-- /.attachment-block -->

                  <!-- Social sharing buttons -->
                  <span class="pull-right text-muted">${item.likes!"0"}点赞 -${item.comments!"0"}评论</span>
                </div>
                <!-- /.box-body -->
              </div>
              [/#list]
              [/#if]

            </section>
            <!-- /.Left col -->
            <!-- right col (We are only adding the ID to make the widgets sortable)-->
            <section class="col-lg-5 connectedSortable ui-sortable">

              <div class="box box-widget widget-user">
                <!-- Add the bg color to the header using any of the bg-* classes -->
                <script src='//gitee.com/cng1985/iwan/widget_preview'></script>

                <style>
                  .pro_name a {
                    color: #4183c4;
                  }

                  .osc_git_title {
                    background-color: #fff;
                  }

                  .osc_git_box {
                    background-color: #fff;
                  }

                  .osc_git_box {
                    border-color: #E3E9ED;
                  }

                  .osc_git_info {
                    color: #666;
                  }

                  .osc_git_main a {
                    color: #9B9B9B;
                  }
                </style>
              </div>

              <div class="box box-widget">
                <div class="box-header with-border">
                  <h3 class="box-title">最新用户</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body no-padding">
                  <ul class="users-list clearfix">
                    [@newuser size=12]
                    [#list list as item]
                    <li>
                      <a href="${httpsurl}space/${item.id}.htm"><img style="width:100px;height:91.25px;" src="${item.avatar!'dist/img/user1-128x128.jpg'}"></a>
                      <a class="users-list-name" href="${httpsurl}space/${item.id}.htm">${item.name!'代码人'}</a>
                    </li>
                    [/#list]
                    [/@newuser]
                  </ul>
                  <!-- /.users-list -->
                </div>
                <!-- /.box-body -->
                <div class="box-footer text-center">
                  <a href="javascript:void(0)" class="uppercase">查看更多用户</a>
                </div>
                <!-- /.box-footer -->
              </div>
            </section>
            <!-- right col -->
          </div>
        </section>
        <!-- /.content -->
      </div>
      <!-- /.container -->
    </div>
    <!-- /.content-wrapper -->

    [@footer /]
  </div>
  <!-- ./wrapper -->

  [@scripts /]
</body>

</html>